<template>
      <div id="ab">
            <div class="banbox">
                  <img src="../assets/img/ab1.png" alt="">
            </div>

            <div class="about">
                  <div class="title">关于我们</div>
                  <div class="content">
                        <div class="info">
                                     盈友网络科技有限公司是一家专业从事网络技术开
                                          发、软件技术服务、和互联网广告精准投放的专业互联
                                          网技术公司,公司拥有专业的网络技术开发团队及运营团
                                          队。公司致力于技术研发、商务服务、技术运营支持，
                                          为客户全面专业的网络技术服务。
                        </div>
                        <img src="../assets/img/ab2.png" alt="">
                  </div>
            </div>

            <div class="shiming">
                  <div class="title">企业使命</div>
                  <div class="content">
                        <div class="info">
                              
                            用科技让营销变得更简单，让天下没有难做的互联网营销。
                              我们坚信科技是第一生产力，科技可以改变我们的生活，也能改变我们的互联网营
                              销模式。随着时代的发展，各行各业都会遇到不同的挑战，客户的营销也得随之改
                              变、随之升级。我们要把我们的互联网技术，通过不断完善不断创新，为客户实现
                              更多元化的营销模式，让客户的营销变得更为简单。同时通过互联网技术的更新迭
                              代，让天下没有难做的互联网营销。
                        
                        </div>
                        <img src="../assets/img/ab3.png" alt="">
                  </div>
            </div>

            <div class="yuanjing">
                  <div class="title">企业愿景</div>
                  <div class="content">
                        <img src="../assets/img/ab4.png" alt="">
                        <div class="info">
                              
                            盈友科技的品牌名称源自于成立时的初心，打造互联网全生态绿色信
                              息业务，并将此作为企业发展始终不渝的愿景。
                              盈友科技是专注于通过技术创新，驱动互联网产业不断发展、不断更
                              新、不断完善的互联网科技公司。盈友科技对传统展示广告营销模式
                              进行创新，为客户创造更为高效、更为智能、更为贴合时代的技术平
                              台。依托平台技术，滤除低效的营销因素，打造提升效率的营销绿色
                              通道，以并以此构建互联网O2O生态闭环。
                        
                        </div>
                  </div>
            </div>

            <div class="yuanjing">
                  <div class="title">公司文化</div>
                  <div class="content">
                        <img src="../assets/img/ab5.png" alt="">
                        <div class="info">
                           
                                                家的文化，是盈友网络科技有限公司的核心文化
                        <br />1、宽容：遇到小事不计较，就像家人吵架那样，第二天雨过天晴。
                        <br />2、包容：每个人的性格都不一样的，别人的性格无意之中让你反
                        感，需要有包容的心。
                        <br />3、帮助：在自己的时间允许下，像帮助家人一样帮助他人。
                        <br />4、指引：如果某个家庭成员做了错事，要及时指引他不要一错再错
                                                
                        
                        </div>
                  </div>
            </div>
      </div>
</template>

<script>
      export default {
            mounted () {
                  this.setKeyword();
            },
            methods: {
                  // 设置关键词
                  setKeyword() {
                        let kw = "刷脸付款代理公司、扫脸支付代理公司、刷脸支付代理公司"
                        
                        document.querySelector("meta[name='keywords']").setAttribute('content', kw)
                  }
            },
      }
</script>

<style lang="scss" scoped>
.title {
      font-size: 30px;
      text-align: center;
      margin: 30px 0;
}
#ab {
      width: 100%;
      margin-bottom: 80px;
      .banbox {
            width: 100%;
            img {
                  width: 1920px;
                  height: 600px;
                  display: flex;
                  margin: 0 auto;
            }
      }
      .about {
            width: 100%;
            margin-top: 90px;
            .content {
                  width: 1440px;
                  margin: 20px auto;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  .info {
                        width: 490px;
                        font-size: 20px;
                        line-height: 40px;
                        margin-right: 30px;
                  }
            }
      }
      .shiming {
            width: 1440px;
            margin: 20px auto;
            margin-top: 90px;
            .content {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  .info {
                        width: 720px;
                        font-size: 20px;
                        line-height: 40px;
                  }
            }
      }
      .yuanjing {
            width: 1440px;
            margin: 30px auto;
            margin-top: 90px;
            .content {
                  display: flex;
                   align-items: center;
                   justify-content: center;
                  .info {
                        font-size: 20px;
                        line-height: 40px;
                        width: 600px;
                        margin-left: 80px;
                  }
            }
      }
}
</style>